// import './assets/main.css'
import startQiankun from './qiankun'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import './utils/mobile-adapter' // 引入移动端适配工具

import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(ElementPlus)

app.mount('#app')
// 在主应用的 main.ts 中，我们在应用挂载后立即调用了 startQiankun()
// 但此时 home.vue 组件可能还没有挂载，因此 #container 元素尚未存在。
// 等待应用和路由挂载完成后再启动乾坤
router.isReady().then(() => {
  // 延迟启动，确保DOM挂载完成
  setTimeout(() => {
    console.log('主应用路由已就绪，准备启动乾坤')
    startQiankun()
  }, 100)
})

// 创建一个变量跟踪乾坤是否已启动
// let qiankunStarted = false

// // 在路由守卫中启动乾坤
// router.beforeEach((to, from, next) => {
//   // 只有当不是登录页面且乾坤还没启动时，才启动乾坤
//   if (!to.path.includes('/login') && !qiankunStarted) {
//     // 延迟启动乾坤，确保容器已经渲染
//     setTimeout(() => {
//       startQiankun()
//       qiankunStarted = true
//     }, 100)
//   }
//   next()
// })